<template>
  <div class="ragular">
    <span><img src="./../assets/ragular.webp" alt="" /></span
    ><span class="box1 box2"> <router-link to="/ragular">游戏规则</router-link> </span
    ><span class="box1"><router-link to="/ctxt">|  版权说明©</router-link></span>
  </div>
</template>

<style lang="scss" scoped>
body, html{
    position: relative;
    height: 100%;
}
    .ragular{
        position: absolute;
        // bottom: 0px;
    // top: 700px;
        left: 0px;
        right: 0px;
        span{
            img{
                width: 50px;
            }
        }
        .box1{
            a{
                color: #999;
                margin-right: 5px;
            }

        }
        .box2{
            a{
                color: black;
            }
        }
    }
</style>

<script>
export default {
    mounted() {
        let height = document.body.scrollHeight
    let bHeight = window.screen.availHeight
    // console.log(height,bHeight);
    document.querySelector(".ragular").style.bottom = '0px';
    // if(bHeight < height){
    //     document.querySelector(".ragular").style.top = (height - 40) + 'px'        
    // }
    // else{
    //      document.querySelector(".ragular").style.top = (bHeight - 40) + 'px'
    // }
        // console.log()

    },
}
</script>